<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width,
    initial-scale=1.0,user-scalable=no"
    />
    <title>最新课程</title>

    <!-- 重置样式 -->
    <link rel="stylesheet" href="../../../assets/css/normalize.css" />
    <link rel="stylesheet" href="../../../assets/css/reset.css" />

    <!-- 公共样式 -->
    <link rel="stylesheet" href="../../../assets/css/property.css" />
    <link rel="stylesheet" href="../../../assets/css/basic.css" />

    <!-- animate.css动画库 -->
    <link rel="stylesheet" href="../../../libs/animate/animate.css" />

    <!-- icon图标 -->
    <link rel="stylesheet" href="../../../icons/iconfont.css" />

    <!-- 底部公共样式 -->
    <link rel="stylesheet" href="../../../assets/css/basic.css" />

    <!-- 当前样式 -->
    <link rel="stylesheet" href="./train.css" />
  </head>

  <body class="dpflex fdcolumn">
    <header class="dpflex">
      <a href="#">跑步</a>
      <a href="#">骑行</a>
      <a href="#" class="after">课程训练</a>
    </header>

    <div class="main">
      <div class="new">
        <p class="text">最新课程</p>
        <div class="content">
          <img src="../../../assets/imgs/part2.png" alt="" />
          <p>巧克力腹肌雕刻</p>
          <span>—场痛快淋漓的父级撕裂体验,虐出你的巧克力腹肌!</span>
        </div>
      </div>
      <div class="course">
        <p class="text">课程</p>
        <ul>
          <!-- <li>
            <a>徒手胸肌训练进阶</a>
            <p>男生专属变式俯卧撑训练,在家也能练出钢铁般的胸肌</p>
          </li>
          <li>
            <a>徒手胸肌训练进阶</a>
            <p>男生专属变式俯卧撑训练,在家也能练出钢铁般的胸肌</p>
          </li>
          <li>
            <a>徒手胸肌训练进阶</a>
            <p>男生专属变式俯卧撑训练,在家也能练出钢铁般的胸肌</p>
          </li>
          <li>
            <a>徒手胸肌训练进阶</a>
            <p>男生专属变式俯卧撑训练,在家也能练出钢铁般的胸肌</p>
          </li>
          <li>
            <a>徒手胸肌训练进阶</a>
            <p>男生专属变式俯卧撑训练,在家也能练出钢铁般的胸肌</p>
          </li> -->
        </ul>
      </div>
    </div>

    <footer>
      <ul class="dpflex">
        <li class="dpflex">
          <a href="#" class="dpflex"
            ><span class="iconfont icon-shouye"></span>首页</a
          >
        </li>
        <li class="dpflex">
          <a href="#" class="dpflex after"
            ><span class="iconfont icon-tubiaozhizuomoban"></span>运动</a
          >
        </li>
        <li class="dpflex">
          <a href="#" class="dpflex"
            ><span class="iconfont icon-quanzi"></span>圈子</a
          >
        </li>
        <li class="dpflex">
          <a href="#" class="dpflex"
            ><span class="iconfont icon-wode"></span>我的</a
          >
        </li>
      </ul>
    </footer>

    <script src="./train.js"></script>
  </body>
</html>
